/* Opcion del menu principal resaltada */
#news_btn{
  color: #E31837 !important;
}

h1{
  width: auto;
}

/* Modificar el #main container */
#main{
  padding-top: 40px;
}

#news_index{
  float: left;
  margin: 0 44px 0 12px;
  width: 654px;
}

#news_header{
  padding-bottom: 30px;
}

#news_search_wrapper,
#news_btn_rss_wrapper,
#news_month_selector_wrapper{
  float: right;
  margin-left: 5px;
  position: relative;
}

#news_search_field{
  background-color: #FFF;
  border: 1px solid #E31837;
  border-width: 1px 0 1px 1px;
  float: left;
  height: 26px;
  line-height: 26px;
  margin: 0;
  padding: 0 0 0 5px;
  width: 150px;
}


#news_btn_rss,
#news_btn_search,
#news_month_selector,
.news_notice_title_arrow,
.newsletter header i,
.pagination_buttons a,
#news_notice_navigation_buttons a{
  background-image: url(../../img/noticias/noticias-index-sprite.png);
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
}

#news_btn_rss{
  background-position: -60px 0;
  height: 39px;
  width: 30px;
}

#news_btn_search{
  background-position: -30px 0;
  float: left;
  height: 28px;
  width: 30px;
}

.news_article{
  border-top: 1px dotted #444;
  padding: 15px 0;
}

.news_article header{
  position: relative;
}

.news_notice_title_arrow{
  background-position: -164px 0;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 3px;
  left: -10px;
}

.news_notice_title{
  font-family: 'OptimaLTStdRoman';
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.news_article_image_wrapper,
.news_article_description_wrapper{
  float: left;
}

.news_article_image_wrapper{
  margin-right: 30px;
}

.news_article_description_wrapper{
  position: relative;
  width: 324px;
  height: 175px;
}

.news_notice_date{
  font-weight: bold;
  padding: 10px 0;
}

.news_read_more_wrapper{
  position: absolute;
  bottom: 0;
  left: 0;
}

.news_read_more_wrapper img{
  vertical-align: text-bottom;
}

.news_read_more_wrapper a{
  color: #E31837;
  font-weight: bold;
  text-decoration: none;
}

#news_month_selector{
  background-position: 0 -39px;
  color: #FFF;
  font-weight: bold;
  line-height: 28px;
  padding-left: 15px;
  text-indent: 0;
  width: 147px;
  height: 28px;
}

#news_month_options{
  background-color: #E31837;
  display: none;
  list-style: none;
  margin: 0;
  max-height: 200px;
  padding: 0;
  position: absolute;
  top: 28px;
  left: 0;
  overflow: auto;
  width: 162px;
  z-index: 1;
}

#news_month_options a{
  color: #FFF;
  display: block;
  font-weight: bold;
  line-height: 28px;
  padding-left: 15px;
  text-decoration: none;
}

#news_month_options a:hover{
  background-color: #BA2038;
}

#not_found{
  font-size: 18px;
}

/*
 * Noticia desplegada
 */
.newsletter{
  border: 1px dotted #444;
  border-width: 1px 0;
  padding: 20px 0 30px 0;
}

.newsletter header{
  padding-bottom: 20px;
}

.newsletter header i{
  background-position: -162px -39px;
  float: left;
  margin-top: 3px;
  width: 6px;
  height: 12px;
}

.newsletter header h3{
  float: left;
  font-family: 'OptimaLTStdMedium';
  font-size: 18px;
  margin: 0 0 0 10px;
  padding: 0;
  text-transform: uppercase;
  width: 638px;
}

.newsletter_date{
  font-weight: bold;
}

.newsletter_image{
  margin-right: 18px;
}

/*
 * Redes sociales
 */
#news_social_buttons{
  padding: 10px 0;
}

#news_btn_facebook,
#news_btn_gplus{
  float: left;
}

#news_notice_navigation_buttons{
  float: right;
}

#news_notice_navigation_buttons a{
  float: left;
  margin-left: 1px;
}

#news_btn_index{
  background-color: #E31837;
  background-image: none !important;
  color: #FFF;
  font-weight: bold;
  line-height: 28px;
  padding: 0 0 0 10px;
  text-indent: 0 !important;
  width: 150px;
}

#news_btn_prev_notice,
#news_btn_next_notice{
  width: 37px;
  height: 28px;
}

#news_btn_prev_notice{
  background-position: -90px 0;
}

#news_btn_next_notice{
  background-position: -127px 0;
}

#news_btn_gplus{
  padding-top: 2px;
  margin-right: 10px;
}

/*
 * Paginación
 */
.pagination_numbers{
  float: left;
  text-align: right;
  width: 569px;
}

.pagination_numbers a{
  color: #444;
  line-height: 28px;
  padding: 0 2px;
  text-decoration: none;
}
.pagination_numbers a:hover{
  text-decoration: underline;
}

.pagination_numbers a.active{
  color: #E31837;
  font-weight: bold;
}

.pagination_buttons{
  float: left;
}

.pagination_prev,
.pagination_next{
  float: left;
  width: 37px;
  height: 28px;
}

.pagination_prev{
  background-position: -90px 0;
  margin-left: 10px;
}

.pagination_next{
  background-position: -127px 0;
  margin-left: 1px;
}